﻿<div id="panel5" class="container">
    <update-meta property="og:title" content="Penang Realty世界地產 Tenancy Calculator" />
    <update-meta property="og:url" content="http://www.penangrealty.my/Tenancy" />
    <h3> <u>Loan Affordabilty Calculator </u></h3>
    <div class="form-group">
        <table class="table table-striped table-hover table-bordered">
            <tbody>
                <tr>
                    <td class="col-sm-4">
                        <label><b>Income</b></label>
                    </td>
                    <td class="col-sm-8">
                    </td>
                </tr>

                <tr>
                    <td class="col-sm-4">
                        <label>Gross Salary Income (After EPF, Soscso, TAX and etc) (RM)</label>
                    </td>
                    <td class="col-sm-8">
                        <input id="txtPropertyPrie" type="number" placeholder="0.00" class="form-control" ng-model="netIncome" tabindex="1" style="width: 100%" />
                    </td>
                </tr>
                <tr>
                    <td class="col-sm-4">
                        <label>Gross Income (RM)</label>
                    </td>
                    <td class="col-sm-8">
                        <label>{{netIncome | number}}</label>
                    </td>
                </tr>
                <tr style="border-bottom:solid">
                    <td colspan="2">
                        <label>Monthly Commitment</label>
                    </td>
                </tr>
                <tr>
                    <td class="col-sm-4">
                        <label>Car Installment (RM)</label>
                    </td>
                    <td class="col-sm-8">
                        <input id="txtCar" type="number" placeholder="0.00" class="form-control" ng-model="car" tabindex="2" style="width: 100%" />
                    </td>
                </tr>
                <tr>
                    <td class="col-sm-4">
                        <label>Credit Card (RM)</label>
                    </td>
                    <td class="col-sm-8">
                        <input id="txtCard" type="number" placeholder="0.00" class="form-control" ng-model="card" tabindex="2" style="width: 100%" />
                    </td>
                </tr>
                <tr>
                    <td class="col-sm-4">
                        <label>Personal Loan (RM)</label>
                    </td>
                    <td class="col-sm-8">
                        <input id="txtCard" type="number" placeholder="0.00" class="form-control" ng-model="loan" tabindex="2" style="width: 100%" />
                    </td>
                </tr>
                <tr>
                    <td class="col-sm-4">
                        <label>Other (RM)</label>
                    </td>
                    <td class="col-sm-8">
                        <input id="txtCard" type="number" placeholder="0.00" class="form-control" ng-model="other" tabindex="2" style="width: 100%" />
                    </td>
                </tr>
                <tr>
                    <td class="col-sm-4">
                        <label>Total Loan (RM)</label>
                    </td>
                    <td class="col-sm-8">
                        <label>{{other + loan + car + card | number}}</label>
                    </td>
                </tr>
                <tr>
                    <td class="col-sm-4">
                        <label>Net Income (RM)</label>
                    </td>
                    <td class="col-sm-8">
                        <label>{{netIncome - (other + loan + car + card) | number}}</label>
                    </td>
                </tr>
                <tr >
                    <td colspan="2">
                        <label>Monthly Installment (Ratio)</label>
                    </td>

                </tr>
                <tr>
                    <td class="col-sm-4">
                        <label>65%</label>
                    </td>
                    <td class="col-sm-8">
                        <label>{{(netIncome - (other + loan + car + card)) * 0.65}}</label>
                    </td>
                </tr>                                
                <tr>
                    <td class="col-sm-4">
                        <label>75%</label>
                    </td>
                    <td class="col-sm-8">
                        <label>{{(netIncome - (other + loan + car + card)) * 0.75}}</label>
                    </td>
                </tr>  
                <tr>
                    <td class="col-sm-4">
                        <label>85%</label>
                    </td>
                    <td class="col-sm-8">
                        <label>{{(netIncome - (other + loan + car + card)) * 0.85}}</label>
                    </td>
                </tr>           
                <tr>
                    <td colspan="2">
                       Note : About amount is for your reference
                    </td>

                </tr>
            </tbody>
        </table>
    </div>

</div>
